@import url(./font/font.scss);




/* Primary */
$color-primary-font:#ffffff;
$color-primary-bg:#165dff;
$color-primary-bg-hover:#4080ff;
$color-primary-bg-active:#0e42d2;


/* Default */
$color-primary-font:#4E5969;
$color-default-bg:#f2f3f5;
$color-primary-bg-hover:#e5e6eb;
$color-primary-bg-active:#c9cdd4;



$color-success:#00b42a;
$color-warning:#ff7d00;
$color-error:#f53f3f;



/* --border-radius-small */
$border-radius-small:2px;


:root{
/* Primary */
--color-primary-font:#ffffff;
--color-primary-bg:#165dff;
--color-primary-bg-hover:#4080ff;
--color-primary-bg-active:#0e42d2;


/* Default */
--color-default-font:#4E5969;
--color-default-bg:#f2f3f5;
--color-default-bg-hover:#e5e6eb;
--color-default-bg-active:#c9cdd4;



/* Border Radius */
--border-radius-small: 2px;
}